<!DOCTYPE html>
<html lang="en" >
    <head>
        <meta charset="utf-8" />
        <title>Pure HTML5 file upload | Script Tutorials</title>
        <link href="css/main.css" rel="stylesheet" type="text/css" />
        <script src="js/jquery-1.8.2.min.js"></script>
        <script src="js/html5-fileupload.js"></script>
        <script type="text/javascript">
        	$(function(){
        		$("input[type='file']").html5UploadFile({timeInterval:300,iMaxFilesize:-1, url:"upload"});
        	});
        </script>
    </head>
<style>

</style>
    <body>
        
        <div class="container">
            <div class="upload_form_cont">
                <form id="upload_form" enctype="multipart/form-data" method="post" action="upload.jsp">
                    <div>
                        <div><label for="image_file">Please select image file</label></div>
                        <div>
                        	<input type="file" name="upload_file"  />
                        </div>
                        <div>
                        	<input type="file" name="upload_file"  />
                        </div>
                    </div>
                    
                    <div id="error">You should select valid image files only!</div>
                    <div id="error2">An error occurred while uploading the file</div>
                    <div id="abort">The upload has been canceled by the user or the browser dropped the connection</div>
                    <div id="warnsize">Your file is very big. We can't accept it. Please select more small file</div>
                </form>
            </div>
        </div>
    </body>
</html>